<form class="validate-form" [formGroup]="formGroup">
  <div class="form-section">
    <div class="form-title">用户名</div>
    <div class="form-element">
      <div class="err-message" [attr.error]="formErrors['userName']">{{formErrors['userName']}}
      </div>
      <input class="input-text" placeholder="{{formPlaceholder['userName']}}" formControlName="userName">
    </div>
  </div>
  <div class="form-section">
    <div class="form-title"><span class="red-point"><i></i></span>密码</div>
    <div class="form-element">
      <div class="err-message" [attr.error]="formErrors['userPass']">{{formErrors['userPass']}}
      </div>
      <input class="input-text" type="password" placeholder="" formControlName="userPass">
    </div>
  </div>
  <div class="form-section">
    <div class="form-title"><span class="red-point"><i></i></span>密码确认</div>
    <div class="form-element">
      <div class="err-message" [attr.error]="formErrors['userRePass']">{{formErrors['userRePass']}}
      </div>
      <input class="input-text" type="password" placeholder="" formControlName="userRePass">
    </div>
  </div>
  <div class="form-section">
    <div class="form-title">出生日期</div>
    <div class="form-element">
      <div class="err-message" [attr.error]="formErrors['birthday']">{{formErrors['birthday']}}
      </div>
      <input class="input-text" placeholder="{{formPlaceholder['birthday']}}" formControlName="birthday">
    </div>
  </div>
  <div class="form-section">
    <div class="form-title">邮箱地址</div>
    <div class="form-element">
      <div class="err-message" [attr.error]="formErrors['email']">{{formErrors['email']}}
      </div>
      <input class="input-text" type="email" placeholder="{{formPlaceholder['email']}}" formControlName="email">
    </div>
  </div>
  <div class="form-section">
    <div class="form-title">手机号码</div>
    <div class="form-element">
      <div class="err-message" [attr.error]="formErrors['mobile']">{{formErrors['mobile']}}
      </div>
      <input class="input-text" type="tel" placeholder="{{formPlaceholder['mobile']}}" formControlName="mobile">
    </div>
  </div>
  <div class="form-section">
    <div class="buttons-group">
      <button [attr.disabled]="formGroup.invalid" (click)="onFormSubmit()">提交</button>
    </div>
  </div>
</form>
